<!DOCTYPE html>
<html ng-app="probe" style="font-size: 20px;">

<head>
	<meta charset="utf-8" />
	<title>Lemonce - [ready]</title>
	<!-- Core Libs -->
	<script src="//cdn.bootcss.com/angular.js/1.4.7/angular.min.js"></script>
	<script src="//cdn.bootcss.com/angular-cache/4.3.2/angular-cache.min.js"></script>
	<script src="//cdn.bootcss.com/codemirror/5.7.0/codemirror.min.js"></script>
	<script src="../src/codeMirrorMode.js"></script>
	<script src="../lib/uiCodeMirror/src/ui-codemirror.js"></script>

	<!-- Module Libs -->
	<script src="../lib/ocCore/dist/ocCore.min.js"></script>
	<script src="../lib/ocDialog/dist/ocDialog.js"></script>
	<script src="../lib/ocAPIs/ocAPIs.js"></script>
	<script src="../lib/lemoncase/dist/lemoncase.min.js"></script>
	<script src="../lib/parser/dist/parser.min.js"></script>

	<script src="../src/bootstrap.js"></script>
	<!-- Directives -->

	<!-- Services -->
	<script src="../src/services/scriptEngine.js"></script>

	<!-- Style debug -->
	<link rel="stylesheet" href="../lib/ocDialog/dist/style.css" />

	<!-- Style sheets -->
	<link rel="stylesheet" href="//cdn.bootcss.com/codemirror/5.7.0/codemirror.min.css">
	<!-- Style debug -->
	<link rel="stylesheet" href="../resources/debug.css"/>
	<script>
		var probe = angular.module("probe", [
			'lemoncase',
			'LCP',
			'oc-dialog',
			'oc-APIs',
			'angular-cache',
			'ui.codemirror'
		]).controller("test", function ($scope) {
			$scope.editorOptions = {
				lineWrapping : true,
				lineNumbers: true,
				matchBrackets: true,
				mode: "text/x-php",
				indentWithTabs: true,
				indentUnit: 4
			};
		});
	</script>
</head>

<body>
	<div ng-controller="test">
		<textarea ui-codemirror="editorOptions" ng-model="sourceCode"></textarea>
	</div>
</body>

</html>